<div class="page-content" id="hostoverview">
    <div class="page-header">
        <h1>
            总览 	
            <small>
                <i class="ace-icon fa fa-angle-double-right"></i>
                	主机总览
                </small>
        </h1>
    </div><!-- /.page-header -->
    <div class="row" > 
        <div class="col-sm-12">
        <div class="tabbable">
            <ul class="nav nav-tabs padding-12 tab-color-blue background-blue" id="myTab4">
                <li class="active">
                    <a data-toggle="tab" href="#home4">中国海油BUY系统</a>
                </li>

                <li>
                    <a data-toggle="tab" href="#profile4">中国海油Q系统</a>
                </li>

                <li>
                    <a data-toggle="tab" href="#dropdown14">中国海油M系统</a>
                </li>
            </ul>

            <div class="tab-content">
                <div id="home4" class="tab-pane in active">
                    <p>
                        <div class="widget-body">
                            <div class="widget-main">
                                <div class="epoint_infobox-container">
                                    <div class="infobox infobox  infobox-green">
                                        <div class="infobox-icon">
                                            <i class="ace-icon fa fa-cogs"></i>
                                        </div>
                                        <div class="infobox-data">
                                            <span class="epoint_epoint_infobox-data-number">12</span>
                                            <div class="infobox-content">正常</div>
                                        </div>
                                    </div>
                                    <div class="infobox infobox  infobox-red">
                                        <div class="infobox-icon">
                                            <i class="ace-icon fa fa-cogs"></i>
                                        </div>
                                        <div class="infobox-data">
                                            <span class="epoint_epoint_infobox-data-number">12</span>
                                            <div class="infobox-content">停止</div>
                                        </div>
                                    </div>
                                    <div class="infobox infobox  infobox-orange">
                                        <div class="infobox-icon">
                                            <i class="ace-icon fa fa-cogs"></i>
                                        </div>
                                        <div class="infobox-data">
                                            <span class="epoint_epoint_infobox-data-number">12</span>
                                            <div class="infobox-content">异常</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </p>
                </div>

                <div id="profile4" class="tab-pane">
                    <p>
                    <div class="widget-body">
                        <div class="widget-main">
                            <div class="epoint_infobox-container">
                                <div class="infobox infobox  infobox-green">
                                    <div class="infobox-icon">
                                        <i class="ace-icon fa fa-cogs"></i>
                                    </div>
                                    <div class="infobox-data">
                                        <span class="epoint_epoint_infobox-data-number">12</span>
                                        <div class="infobox-content">正常</div>
                                    </div>
                                </div>
                                <div class="infobox infobox  infobox-red">
                                    <div class="infobox-icon">
                                        <i class="ace-icon fa fa-cogs"></i>
                                    </div>
                                    <div class="infobox-data">
                                        <span class="epoint_epoint_infobox-data-number">12</span>
                                        <div class="infobox-content">停止</div>
                                    </div>
                                </div>
                                <div class="infobox infobox  infobox-orange">
                                    <div class="infobox-icon">
                                        <i class="ace-icon fa fa-cogs"></i>
                                    </div>
                                    <div class="infobox-data">
                                        <span class="epoint_epoint_infobox-data-number">12</span>
                                        <div class="infobox-content">异常</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    </p>
                </div>

                <div id="dropdown14" class="tab-pane">
                    <p>
                    <div class="widget-body">
                        <div class="widget-main">
                            <div class="epoint_infobox-container">
                                <div class="infobox infobox  infobox-green">
                                    <div class="infobox-icon">
                                        <i class="ace-icon fa fa-cogs"></i>
                                    </div>
                                    <div class="infobox-data">
                                        <span class="epoint_epoint_infobox-data-number">12</span>
                                        <div class="infobox-content">正常</div>
                                    </div>
                                </div>
                                <div class="infobox infobox  infobox-red">
                                    <div class="infobox-icon">
                                        <i class="ace-icon fa fa-cogs"></i>
                                    </div>
                                    <div class="infobox-data">
                                        <span class="epoint_epoint_infobox-data-number">32</span>
                                        <div class="infobox-content">停止</div>
                                    </div>
                                </div>
                                <div class="infobox infobox  infobox-orange">
                                    <div class="infobox-icon">
                                        <i class="ace-icon fa fa-cogs"></i>
                                    </div>
                                    <div class="infobox-data">
                                        <span class="epoint_epoint_infobox-data-number">12</span>
                                        <div class="infobox-content">异常</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    </p>
                </div>
            </div>
        </div>
    </div><!-- /.col -->
    </div><!-- /.row -->
</div><!-- /.page-content -->